$(function(){
		var index = 0;  
		$(".tab_title ul li").click(function(){
			index = $(".tab_title ul li").index(this);
			$(this).addClass("selected").siblings().removeClass("selected");
			$(".tab_content div").eq(index).show().siblings().hide();
		});
		//设置第一个选项选中和内容显示
		$(".tab_title ul li:first").addClass("selected");
		$(".tab_content div:first").show();
		var i = 8;  //定义每个面板显示8个菜单
		var len = $(".u ul li").length;  //获得LI元素的个数
		var page = 1;
		var maxpage = Math.ceil(len/i);
		var scrollWidth = $(".u").width();
		var divbox1 = "<div id='div1' >已经到最后一个面板了</div>";
		var divbox2 = "<div id='div2' >已经到第一个面板了</div>";
		$("body").append(divbox1);
		$("body").append(divbox2);
		
		$(".left").click(function(e){
			if(!$(".u ul").is(":animated")){
				if(page == 1){
					$(".u ul").stop();
					$("#div2").css({
						"top": (e.pageY + 20) +"px",
						"left": (e.pageX - 150) +"px",
						"opacity": "0.9"
					}).stop(true,false).fadeIn(500).fadeOut(500);
				}else{
					$(".u ul").animate({left : "+=" + scrollWidth +"px"},2000);
					page--;
				}
			}
		});
		$(".right").click(function(e){
			if(!$(".u ul").is(":animated")){
				if(page == maxpage ){
					$(".u ul").stop();
					$("#div1").css({
						"top": (e.pageY + 20) +"px",
						"left": (e.pageX + 20) +"px",
						"opacity": "0.9"
					}).stop(true,false).fadeIn(500).fadeOut(500);
				}else{
					$(".u ul").animate({left : "-=" + scrollWidth +"px"},2000);
					page++;
				}
			}
		});
	});